import * as React from "react"
import Svg, { Path } from "react-native-svg"

interface InboxCuteFiIconProps {
  width?: number
  height?: number
  color?: string
}

export const InboxCuteFiIcon = ({
  width = 24,
  height = 24,
  color = "#10161F",
}: InboxCuteFiIconProps) => {
  return (
    <Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
      <Path
        d="M8.857 4.042c-2.08.118-3.14.71-4.253 2.373-.353.527-.584.915-1.557 2.613-1.204 2.102-1.329 2.375-1.468 3.205-.059.354-.065.656-.047 2.475.019 2.026.038 2.35.171 2.997.228 1.11.854 2.077 1.81 2.794.693.521 1.327.756 2.447.909.553.076 11.527.076 12.08 0 1.33-.181 2.087-.52 2.912-1.305a4.501 4.501 0 0 0 1.343-2.383c.136-.666.154-.977.173-3.012.03-3.065.074-2.896-1.424-5.519-1.845-3.233-2.25-3.79-3.222-4.422-.694-.452-1.449-.65-2.77-.727-.767-.044-5.406-.043-6.195.002m6.312 1.998c1.022.085 1.498.262 1.968.735.455.458.784.973 2.173 3.405.832 1.458.97 1.711.97 1.776 0 .024-.62.044-1.65.054-1.564.014-1.665.02-1.944.104-.846.255-1.485.79-1.866 1.56-.186.376-.256.642-.299 1.132-.02.235-.066.497-.101.581a1.056 1.056 0 0 1-.52.518l-.2.094h-3.4l-.2-.094a1.056 1.056 0 0 1-.52-.518c-.035-.084-.081-.346-.101-.581-.045-.505-.114-.76-.32-1.166a3.006 3.006 0 0 0-1.84-1.525c-.285-.086-.376-.091-1.949-.105-1.03-.01-1.65-.03-1.65-.054 0-.065.138-.318.97-1.776 1.389-2.432 1.718-2.947 2.173-3.405.456-.459.97-.656 1.91-.733.549-.046 5.855-.047 6.396-.002"
        fill={color}
        fillRule="evenodd"
      />
    </Svg>
  )
}
